<template>
  <div class="Content">
    <!-- <div class="list">
      <ContentList></ContentList>
    </div> -->
    <div class="table">
      <ContentTable></ContentTable>
      <!-- <div v-else>请选择表</div> -->
    </div>
  </div>
</template>
<script>
import { computed } from '@vue/runtime-core'
import store from '../../store'
import ContentTable from './ContentTable.vue'
export default {
  name: 'Content',
  components: { ContentTable },
  setup() {
    const isTable = computed(() => store.state.bool)
    return { isTable }
  },
}
</script>
<style scoped>
.list {
  border: 1px solid red;
  width: 200px;
  height: 100vh;
  text-align: center;
  margin-right: 20px;
}
.Content {
  display: flex;
}
.table {
  width: 96%;
}
</style>
